// src/router/index.js
import Vue from 'vue';
import VueRouter from 'vue-router';
import SaveProduct from '@/views/SaveProduct.vue'; // 导入商品表单组件
import ListProduct from '@/views/ListProduct.vue'; // 导入商品列表组件

Vue.use(VueRouter);

const routes = [
  {
    path: '/', // 默认路径
    redirect: '/list', // 重定向到表单页面
  },
  {
    path: '/form', // 表单页面路径
    name: 'SaveProduct',
    component: SaveProduct,
  },
  {
    path: '/list', // 列表页面路径
    name: 'ListProduct',
    component: ListProduct,
  },
];

const router = new VueRouter({
  mode: 'history', // 使用 history 模式（去掉 URL 中的 #）
  routes,
});

export default router;